<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>山东柏瑞设计官网</title>
    <link rel="stylesheet" href="./css/wzkf.css">
    <link rel="stylesheet" href="./bootstrap/bootstrap.min.css">
    <link rel="stylesheet" href="./bootstrap/reset-global.css">
    <link rel="stylesheet" href="./bootstrap/website.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />
    <link rel="stylesheet" href="./swiper/swiper.min.css">
    <!-- <link rel="stylesheet" href="./css/index.css"> -->
    <link rel="stylesheet" href="./css/makapp.css">
    <link rel="stylesheet" href="./css/makapp_swper.css">
    <!-- <script src="./jquery/jquery-3.6.0.min.js"></script> -->
    <!-- <script src="./js/makapp.js"></script> -->
</head>

<body>
    <div id="top">
        <div>
            <img src="./img/logo.png" alt="顶部logo">
        </div>
        <div class="more">
            <img src="./img/more.png" alt="更多" id="eye">
        </div>
        <div class="Telephone"><img src="./img/tu1.png" alt="联系电话18317093686">
            <span>咨询我们:</span> 18317093686
        </div>
        <!-- 缩小后的点击导航栏 -->
        <div id="zoe">
            <div><a href="./index.html">首页</a></div>
            <div><a href="./wzkf.html">网站开发</a></div>
            <div class="active-link"><a href="./makapp.html">APP开发</a></div>
            <div><a href="./xcxkf.html">小程序开发</a></div>
            <div><a href="./anli.html">案例</a></div>
            <div><a href="./about-us.html">关于我们</a></div>
        </div>
    </div>
    <!-- nav导航 -->
    <div
        class="container d-flex justify-content-between align-items-center nav-container flex-wrap hezoe nav-position nav_width">
        <nav class="main--nav w-100">
            <ul class="d-flex justify-content-between">
                <li><a href="./index.html">首页</a></li>
                <li><a href="./wzkf.html">网站开发</a></li>
                <li class="active-link"><a href="./makapp.html">APP开发</a></li>
                <li><a href="./xcxkf.html">小程序开发</a></li>
                <li><a href="./anli.html">案例</a></li>
                <li><a href="./about-us.html">关于我们</a></li>
            </ul>
        </nav>
    </div>
    <!-- banner -->
    <div id="carouselExampleIndicators" class="carousel slide" data-bs-ride="carousel">
        <div class="carousel-inner">
            <div class="carousel-item active">
                <img src="./img/appkficon1.png" class="d-block w-100" alt="...">
            </div>
        </div>
    </div>




    <!-- APP 案例 -->
    <div class="appList">
        <div class="appListtop">
            <h3>APP案例</h3>
        </div>
        <div class="swiper mySwiper" style="margin: 3vh auto;">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><a href="./xq.html"><img src="./img/t13.png" alt=""></a></div>
                <div class="swiper-slide"><a href="./xq_five.html"><img src="./img/t14.png" alt=""></a></div>
                <div class="swiper-slide"><a href="./xq_four.html"><img src="./img/t15.png" alt=""></a></div>
                <div class="swiper-slide"><a href="./xq_two.html"><img src="./img/t13.png" alt=""></a></div>
                <div class="swiper-slide"><a href="./xq._three.html"><img src="./img/t14.png" alt=""></a></div>
                <div class="swiper-slide"><a href="./xq_five.html"><img src="./img/t14.png" alt=""></a></div>
                <div class="swiper-slide"><a href="./xq_four.html"><img src="./img/t15.png" alt=""></a></div>
                <div class="swiper-slide"><a href="./xq_two.html"><img src="./img/t13.png" alt=""></a></div>
                <div class="swiper-slide"><a href="./xq._three.html"><img src="./img/t14.png" alt=""></a></div>
            </div>
            <div class="swiper-pagination"></div>
        </div>
    </div>




    <div class="zdys">
        <div class="zdys-top">
            <h4>APP大数据</h4>
            <p>移动互联网+时代大趋势</p>
        </div>
        <div class="zdys-bot" style="display: flex;margin: 5vh auto 0;">
            <li>
                <h3>6.3</h3>
                <p>
                    手机用户数量
                </p>
            </li>
            <li>
                <h3>450</h3>
                <p>
                    覆盖行业
                </p>
            </li>
            <li>
                <h3>30</h3>
                <p>
                    企业有自己的app
                </p>
            </li>
            <li>
                <h3>63</h3>
                <p>
                    使用app的用户
                </p>
            </li>
        </div>
    </div>
    <!-- 大数据结束 -->
    <!-- 指定优势 -->
    <div class="zdyss">
        <div class="zdys-top">
            <h4>制定优势</h4>
            <p>让您的企业更高效的完成工作</p>
        </div>
        <div class="zdyss-bom">
            <li>
                <img src="./img/c1.png" alt="">
                <img src="./img/c2.png" alt="">
                <p>
                    每一个软件开发都经过系统的
                    分析，针对不同企业情况良定
                    做的,大提高企业的工作效率
                </p>
            </li>
            <li>
                <img src="./img/c3.png" alt="">
                <img src="./img/c4.png" alt="">
                <p>
                    每一个软件开发都经过系统的
                    分析，针对不同企业情况良定
                    做的,大提高企业的工作效率
                </p>
            </li>
            <li>
                <img src="./img/c5.png" alt="">
                <img src="./img/c6.png" alt="">
                <p>
                    每一个软件开发都经过系统的
                    分析，针对不同企业情况良定
                    做的,大提高企业的工作效率
                </p>
            </li>
        </div>

    </div>
    <div class="footer">
        <div class="footTop">
            <div class="footBig">
                <div class="left">
                    <p>山东柏瑞设计有限公司</p>
                    <p>联系电话:18317093686</p>
                    <p>地址:济南创新谷2号楼孵化器五楼(长清区海棠路与芙蓉路交叉路口东南）</p>
                </div>
                <div class="right">
                    <img src="./img/2vm.png" alt="">
                    <p>微信公众号</p>
                </div>
            </div>
        </div>
        <div class="footFoot">Shandong Bairui Design Co., Ltd 山东柏瑞设计有限公司版权所有 鲁ICP备2021028094号-1</div>
    </div>
    <div class="foots">
        <p>山东柏瑞设计有限公司</p>
        <p>联系电话:18317093686</p>
        <p>地址:济南创新谷2号楼孵化器五楼(长清区海棠路与芙蓉路交叉路口东南）</p>
        <img src="./img/2vm.png" alt="">
    </div>
    <script src="./jquery/jquery-3.6.0.min.js"></script>
    <script src="./js/countup.js"></script>
    <script src="./js/jquery.waypoints.min.js"></script>
    <script src="./js/makapp.js"></script>
    <script src="./swiper/swiper-bundle.min.js"></script>
    <script src="./js/makapp_swper.js"></script>
    <script>
        $(function () {
            $('.zdys-bot h3').countUp({
                delay: 10,
                time: 2000
            })
        })
    </script>
</body>

</html>